@layui-form-color: #ebedef;
@layui-form-bg: #161627;
@layui-form-border-color: #2c2c34;
@form-label-color: #a6afcc;
// form

.layui-form-label {
  color: @form-label-color;
}

.layui-input,
.layui-select,
.layui-textarea{
  color: @layui-form-color !important;
  background-color: @layui-form-bg !important;
  border-color: @layui-form-border-color !important;
}
.layui-form-btn-box .layui-form-btn-main {
    background-color: #20202a !important;
}
.layui-form-select {
    dl {
        background-color: #2c2c34;
        border: 1px solid #333;
        .scrollbar();

        dd {
            color: #999;

            &:hover {
                background-color: #4799eb;
                color: #fff;
            }

            &.layui-this {
                background-color: #4799eb;
                color: #fff;
            }
        }
    }
}
.layui-form {
    xm-select {
        color: @layui-form-color;
        background-color: @layui-form-bg !important;
        border-color: @layui-form-border-color;
        border: 0 !important;

        .xm-input {
            background-color: rgba(255, 255, 255, 0) !important;
        }

        & > .xm-body {
            background-color: @layui-form-bg !important;
            border: 0 !important;

            .xm-toolbar {
                padding: 5px 0;
                margin: 0;

                .toolbar-tag {
                    span {
                        background-color: lighten(@layui-form-bg, 10%);
                        border: 1px solid lighten(@layui-form-bg, 5%);
                        color: rgba(255, 255, 255, 1) !important;
                        border-radius: 3px;
                        padding: 0px 8px;
                    }
                }
            }

            .xm-search {
                background-color: darken(@layui-form-bg, 5%) !important;
            }

            .xm-search-input {
                border: 0;
                color: #fff;
            }

            .scroll-body {
                .selected {
                    background-color: darken(@layui-form-bg, 5%) !important;
                }

                .xm-option {
                    // background: none !important;

                    .xm-option-content {
                        color: #fff !important;
                    }

                    &:hover {
                        background-color: lighten(@layui-form-bg, 5%) !important;
                    }
                }
            }

            .xm-paging {
                & > span {
                    background-color: lighten(@layui-form-bg, 10%);
                    border: 1px solid lighten(@layui-form-bg, 5%);
                    color: rgba(255, 255, 255, 0.5) !important;
                }
            }
        }
    }
}